/* Copyright 2016 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#content {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  min-width: 192px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

img {
  background-color: white;
  background-image:
    linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%,
        #efefef 75%, #efefef),
    linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%,
        #efefef 75%, #efefef);
  background-position: 0 0, 10px 10px;
  background-size: 21px 21px;
}

#content[hidden] {
  display: none;
}

video::-webkit-media-controls-fullscreen-button {
  display: none;
}

video:focus,
video::-webkit-media-controls-timeline:focus,
video::-webkit-media-controls-mute-button:focus,
video::-webkit-media-controls-play-button:focus,
video::-webkit-media-controls-volume-slider:focus {
  outline: 2px solid rgba(66, 133, 244, 0.5);
  outline-offset: -2px;
}

/* TODO(files-app-dark-mode): figure out what background color should be
 * used here. */
@media (prefers-color-scheme: dark) {
  html,
  body,
  video {
    background-color: black;
  }
}
